<template>
  <div class="calendar">
    <vc-calendar
      type="month"
      mode="multiple"
      @prev="prev"
      @next="next"
      @handleClick="handleClick"
      @handleToDay="handleToDay"
    />
  </div>
</template>

<script setup>
  const prev = (data) => {
    console.log(data, 'prev');
  };
  const next = (data) => {
    console.log(data, 'next');
  };
  const handleClick = (data) => {
    console.log(data, 'handleClick');
  };
  const handleToDay = (data) => {
    console.log(data, 'handleToDay');
  };
</script>

<style lang="less" scoped></style>
